<!-- Responsive part -->
<div id="sidebar" style="background: #000033;" class="">
  <div class="scrollbar">
    <div class="track">
      <div class="thumb">
        <div class="end"></div>
      </div>
    </div>
  </div>
  <div class="viewport ">
    <div class="overview collapse">
      <div class="search row-fluid container">
        <h2>Tìm Kiếm</h2>
        <form class="form-search">
          <div class="input-append">
            <input type="text" class=" search-query" placeholder="Từ Khóa">
            <button class="btn_search color_4">Search</button>
          </div>
        </form>
      </div>
      <ul id="sidebar_menu" class="navbar nav nav-list container full">
        <li class="accordion-group active color_4"> <a class="dashboard " href="index.php"><img src="img/menu_icons/dashboard.png"><span>Bảng Điều Khiển</span></a> </li>
        <li class="accordion-group color_7"> <a class="accordion-toggle widgets collapsed " data-toggle="collapse" data-parent="#sidebar_menu" href="#collapse1"> <img src="img/menu_icons/forms.png"><span>Phân Quyền</span></a>
          <ul id="collapse1" class="accordion-body collapse">
              <li><a href="forms_validation.html">Danh Sách Nhóm Quyền</a></li>
              <li><a href="forms_wizard.html">Danh Sách Quyền</a></li>
            <li><a href="forms_general.html">Cập Nhập Nhóm Quyền</a></li>

          </ul>
        </li>
        <li class="accordion-group color_3"> <a class="accordion-toggle widgets collapsed" data-toggle="collapse" data-parent="#sidebar_menu" href="#collapse2"> <img src="img/menu_icons/widgets.png"><span>Người Dùng</span></a>
          <ul id="collapse2" class="accordion-body collapse">
            <li><a href="danh-sach-nguoi-dung.html">Danh Sách Người Dùng</a></li>
            <li><a href="cap-nhat-nguoi-dung.html">Cập Nhật Người Dùng</a></li>
          </ul>
        </li>
          <li class="accordion-group color_4"> <a class="accordion-toggle widgets collapsed " data-toggle="collapse" data-parent="#sidebar_menu" href="#collapse3"> <img src="img/menu_icons/explorer.png"><span>Quản Lý Hệ Đào Tạo</span> <!--  --></a>
              <ul id="collapse3" class="accordion-body collapse">
                  <!--<li><a href="danh-sach-he-dao-tao.html">Danh Sách Hệ Đào Tạo</a></li>-->
                  <li><a href="cap-nhat-he-dao-tao.html">Cập Nhật Hệ Đào Tạo</a></li>
                  <li><a href="cap-nhat-danh-muc-khoa.html">Cập Nhật Danh Mục Khoa</a></li>
                  <li><a href="cap-nhat-danh-muc-bo-mon.html">Cập Nhật Danh Mục Bộ Môn</a></li>
              </ul>
          </li>
          <li class="accordion-group color_19"> <a class="accordion-toggle widgets collapsed" data-toggle="collapse" data-parent="#sidebar_menu" href="#collapse4"> <img src="img/menu_icons/statistics.png"><span>Quản Lý Môn Học</span></a>
              <ul id="collapse4" class="accordion-body collapse">
                  <li><a href="danh-sach-mon-hoc.html">Danh Sách Môn Học</a></li>
                  <li><a href="cap-nhat-mon-hoc.html">Cập Nhật Môn Học</a></li>
                  <li><a href="cap-nhat-cau-truc-de.html">Cập Nhật Cấu Trúc Đề Thi</a></li>
              </ul>
          </li>

          <li class="color_24"> <a class="accordion-toggle widgets collapsed" data-toggle="collapse" data-parent="#sidebar_menu" href="#collapse5"> <img src="img/menu_icons/grid.png"><span>Quản Lý Đề Thi</span></a>
              <ul id="collapse5" class="accordion-body collapse">
                  <li><a href="statistics.html">Tạo Mới Đề Thi</a></li>
                  <li><a href="danh-sach-de-thi.html">Danh Sách Đề Thi</a></li>
                  <li><a href="cap-nhat-de-thi.html">Cập Nhật Đề Thi</a></li>
              </ul>
          </li>
          <li class="color_8"><a class="accordion-toggle widgets collapsed" data-toggle="collapse" data-parent="#sidebar_menu" href="#collapse6"><img src="img/menu_icons/gallery.png"><span>Quản Lý Câu Hỏi</span></a>
              <ul id="collapse6" class="accordion-body collapse">
                  <li><a href="profile.html">Thêm Mới Câu Hỏi</a></li>
                  <li><a href="danh-sach-cau-hoi.html">Danh Sách Câu Hỏi</a></li>
                  <li><a href="cap-nhat-cau-hoi.html">Cập Nhật Câu Hỏi</a></li>
              </ul>
          </li>

          <li class="accordion-group color_25"> <a class="accordion-toggle widgets collapsed" data-toggle="collapse" data-parent="#sidebar_menu" href="#collapse7"> <img src="img/menu_icons/others.png"><span>Liên Hệ</span></a>
              <ul id="collapse7" class="accordion-body collapse">
                  <li><a href="profile.html">Hộp Thư Đến</a></li>
                  <li><a href="search.html">Trò Chuyện</a></li>
              </ul>
          </li>
        <li class="color_13"> <a class="widgets" href="calendar2.html"> <img src="img/menu_icons/calendar.png"><span>Lịch</span></a> </li>
        <li class="color_10"> <a class="widgets"data-parent="#sidebar_menu" href="maps.html"> <img src="img/menu_icons/maps.png"><span>Bản Đồ</span></a> </li>


      </ul>
      <div class="menu_states row-fluid container ">
        <h2 class="pull-left">Cài Dặt Menu</h2>
        <div class="options pull-right">
          <button id="menu_state_1" class="color_4" rel="tooltip" data-state ="sidebar_icons" data-placement="top" data-original-title="Icon Menu">1</button>
          <button id="menu_state_2" class="color_4 active" rel="tooltip" data-state ="sidebar_default" data-placement="top" data-original-title="Fixed Menu">2</button>
          <button id="menu_state_3" class="color_4" rel="tooltip" data-placement="top" data-state ="sidebar_hover" data-original-title="Floating on Hover Menu">3</button>
        </div>
      </div>
      <!-- End sidebar_box -->

    </div>
  </div>
</div>